<template>
    <div class="z-10 mobile_show mobile_show_flex fixed bottom-0 left-0 right-0 bg-white shadow-lg flex justify-around items-center h-10 ">
        <NuxtLink to="/" class="text-gray-600 hover:text-blue-500">
            <svg t="1682316813754" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2205" width="24" height="24"><path d="M947.19 405.06L540.8 100.27c-16.97-12.72-40.62-12.72-57.59 0L76.8 405.06c-14.14 10.59-17 30.66-6.39 44.8s30.64 17.05 44.8 6.39l52.8-39.6v412.66c0 36.78 29.91 66.69 66.67 66.69h554.67c36.75 0 66.66-29.91 66.66-66.69V416.64l52.81 39.61a31.708 31.708 0 0 0 19.16 6.41c9.75 0 19.34-4.42 25.62-12.8 10.62-14.14 7.74-34.2-6.41-44.8zM576 832H448v-93.35c0-34.74 28.26-63 63-63h2c34.74 0 63 28.26 63 63V832z m216-2.69c0 1.47-1.19 2.69-2.66 2.69H640v-93.35c0-70.14-56.86-127-127-127h-2c-70.14 0-127 56.86-127 127V832H234.67c-1.47 0-2.67-1.22-2.67-2.69V368.66l280-210 280 209.99v460.66z" fill="#333333" p-id="2206"></path></svg>
        </NuxtLink>

        <NuxtLink to="/ai_draw" class="text-gray-600 hover:text-blue-500">
            <svg t="1682316727124" class="icon m-auto" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1573" width="24" height="24"><path d="M896 160H128c-17.67 0-32 14.33-32 32v640c0 17.67 14.33 32 32 32h768c17.67 0 32-14.33 32-32V192c0-17.67-14.33-32-32-32z m-32 64v472.01l-227.2-170.4c-16.97-12.72-40.62-12.72-57.59 0l-98.58 73.92L349.2 494.39c-16.47-13.19-39.27-14.19-56.81-2.39L160 581.02V224h704zM160 800V658.16l158.36-106.48 161.02 128.8L608 584l256 192v24H160z" fill="#333333" p-id="1574"></path><path d="M704 480c52.94 0 96-43.06 96-96s-43.06-96-96-96-96 43.06-96 96 43.06 96 96 96z m0-128c17.64 0 32 14.36 32 32s-14.36 32-32 32-32-14.36-32-32 14.36-32 32-32z" fill="#333333" p-id="1575"></path></svg>
        </NuxtLink>

        <NuxtLink to="/ai_application" class="text-gray-600 hover:text-blue-500">
            <svg t="1682316798882" fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
                 stroke=
                     "currentColor" class="icon m-auto" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1967" width="24" height="24"><path d="M416 192v224H192V192h224m32-64H160c-17.67 0-32 14.33-32 32v288c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32V160c0-17.67-14.33-32-32-32zM832 192v224H608V192h224m32-64H576c-17.67 0-32 14.33-32 32v288c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32V160c0-17.67-14.33-32-32-32zM416 608v224H192V608h224m32-64H160c-17.67 0-32 14.33-32 32v288c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32V576c0-17.67-14.33-32-32-32zM832 608v224H608V608h224m32-64H576c-17.67 0-32 14.33-32 32v288c0 17.67 14.33 32 32 32h288c17.67 0 32-14.33 32-32V576c0-17.67-14.33-32-32-32z" fill="#333333" p-id="1968"></path></svg>
        </NuxtLink>

        <NuxtLink to="/mark_me" class="text-gray-600 hover:text-blue-500">
            <svg t="1684657630560" class="icon" viewBox="0 0 1038 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="21523" width="22" height="22"><path d="M891.449 382.293c-66.56 0-122.88 44.374-141.028 104.676h-66.617a176.924 176.924 0 0 0-62.008-98.418l27.875-52.338A147.797 147.797 0 0 0 809.586 189.44c0-80.782-66.617-147.342-147.4-147.342-81.35 0-147.342 66.56-147.342 147.342 0 46.649 21.618 88.178 55.183 114.916l-25.6 48.355c-11.378-2.844-23.325-3.982-35.84-3.982a176.356 176.356 0 0 0-104.107 33.564l-75.093-102.969c15.929-23.893 25.6-52.337 25.6-83.057 0-81.351-66.56-147.343-147.343-147.343a147.342 147.342 0 0 0 0 294.685c19.343 0 38.116-3.982 55.183-10.809l84.764 116.053c-12.515 24.463-19.342 51.77-19.342 80.783 0 32.995 8.533 63.715 24.462 90.453L287.29 675.27a147.342 147.342 0 1 0-79.645 271.36c80.783 0 147.343-65.934 147.343-147.342 0-21.049-4.551-40.96-12.516-59.165l68.836-58.026c27.875 17.635 61.44 28.444 97.28 28.444 21.049 0 41.529-3.47 60.302-10.297l31.858 44.943a148.48 148.48 0 0 0-30.095 89.315c0 80.782 66.56 147.342 147.343 147.342 81.35 0 147.342-66.56 147.342-147.342a147.342 147.342 0 0 0-195.129-139.378l-29.64-42.04c21.05-22.244 36.467-50.12 43.236-80.84h66.617A147.342 147.342 0 1 0 891.45 382.293zM207.644 258.276c-34.702 0-62.008-27.876-62.008-62.01 0-34.133 27.306-62.008 62.008-62.008 34.134 0 62.01 27.875 62.01 62.009 0 34.133-27.876 62.009-62.01 62.009z m0 603.022c-34.702 0-62.008-27.819-62.008-62.01 0-34.132 27.306-62.008 62.008-62.008 34.134 0 62.01 27.876 62.01 62.009 0 34.133-27.876 62.009-62.01 62.009z m300.943-236.09c-52.338 0-95.005-42.666-95.005-95.572a95.289 95.289 0 1 1 190.578 0c0 52.906-42.667 95.573-95.573 95.573z m91.59-435.768c0-34.133 27.876-62.009 62.01-62.009 34.19 0 62.065 27.876 62.065 62.009 0 34.702-27.875 62.009-62.065 62.009-34.134 0-62.01-27.307-62.01-62.009z m117.76 583.111c34.703 0 62.01 27.25 62.01 62.009 0 34.133-27.25 62.009-62.01 62.009-34.19 0-62.008-27.876-62.008-62.009 0-34.702 27.875-62.009 62.009-62.009zM891.45 591.644c-34.133 0-62.009-27.875-62.009-62.008s27.876-62.01 62.009-62.01 62.009 27.876 62.009 62.01-27.876 62.008-62.01 62.008z" p-id="21524" fill="#333333"></path></svg>
        </NuxtLink>

        <NuxtLink v-if="!token" @click="login_dialog_click()" to="/users/setting" class="text-gray-600 hover:text-blue-500">
            <svg t="1682316771905" class="icon m-auto" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1772" width="24" height="24"><path d="M512 128c25.39 0 50.53 2.49 74.98 7.41l21.26 79.01 7.44 27.64 25.56 12.88c10.89 5.49 20.28 10.86 28.72 16.41l23.96 15.77 27.72-7.4 78.75-21.01c33.38 37.85 59.06 82.22 75.24 130.03l-57.9 57.9-20.28 20.28 1.64 28.63 0.41 6.37c0.23 3.34 0.5 6.68 0.5 10.08s-0.28 6.74-0.5 10.08l-0.41 6.37-1.64 28.63 20.28 20.28 57.9 57.9c-16.18 47.8-41.86 92.18-75.24 130.03l-78.75-21.01-27.72-7.4-23.96 15.77c-8.44 5.55-17.84 10.92-28.72 16.4l-25.57 12.88-7.44 27.64-21.25 79.01C562.53 893.51 537.39 896 512 896s-50.53-2.49-74.98-7.41l-21.25-79-7.44-27.65-25.57-12.88c-10.88-5.48-20.28-10.85-28.72-16.4l-23.96-15.77-27.72 7.4-78.75 21.01c-33.38-37.84-59.06-82.22-75.24-130.03l57.9-57.9 20.28-20.28-1.64-28.63-0.41-6.37c-0.23-3.34-0.5-6.68-0.5-10.08s0.28-6.74 0.5-10.08l0.41-6.37 1.64-28.63-20.28-20.28-57.9-57.9c16.18-47.81 41.86-92.19 75.24-130.03l78.75 21.01 27.72 7.4 23.96-15.77c8.44-5.55 17.83-10.92 28.72-16.41l25.56-12.88 7.44-27.64 21.26-79.01c24.45-4.93 49.59-7.42 74.98-7.42m0-64c-37.69 0-74.21 4.66-109.17 13.59-11.13 2.84-19.71 11.82-22.69 22.91l-26.18 97.29c-12.09 6.09-23.86 12.7-35.1 20.1l-97.13-25.92c-2.8-0.75-5.67-1.12-8.51-1.12-8.38 0-16.6 3.2-22.57 9.32-50.8 52.09-88.97 116.89-109.46 189.17-3.14 11.06 0.31 23.04 8.44 31.17l71.39 71.39c-0.38 6.69-1.02 13.32-1.02 20.1s0.63 13.41 1.02 20.1l-71.39 71.39c-8.13 8.13-11.58 20.11-8.44 31.17a444.755 444.755 0 0 0 109.46 189.17c5.97 6.12 14.18 9.32 22.57 9.32 2.84 0 5.71-0.37 8.51-1.12l97.13-25.92c11.24 7.4 23.01 14 35.1 20.1l26.17 97.29c2.98 11.09 11.56 20.07 22.69 22.91C437.79 955.34 474.31 960 512 960s74.21-4.66 109.17-13.59c11.13-2.84 19.71-11.82 22.69-22.91l26.17-97.29c12.09-6.09 23.86-12.7 35.1-20.1l97.13 25.92c2.8 0.75 5.67 1.12 8.51 1.12 8.38 0 16.6-3.2 22.57-9.32A444.755 444.755 0 0 0 942.8 634.66c3.13-11.06-0.32-23.04-8.45-31.17l-71.39-71.39c0.38-6.69 1.02-13.32 1.02-20.1s-0.63-13.41-1.02-20.1l71.39-71.39c8.13-8.13 11.58-20.11 8.44-31.17a444.755 444.755 0 0 0-109.46-189.17c-5.97-6.12-14.18-9.32-22.57-9.32-2.85 0-5.71 0.37-8.51 1.12l-97.13 25.92c-11.24-7.4-23.01-14-35.1-20.1l-26.18-97.3c-2.98-11.09-11.56-20.07-22.69-22.91C586.21 68.66 549.69 64 512 64z" fill="#333333" p-id="1773"></path><path d="M512 416c52.94 0 96 43.07 96 96s-43.06 96-96 96-96-43.07-96-96 43.06-96 96-96m0-64c-88.37 0-160 71.63-160 160s71.63 160 160 160 160-71.63 160-160-71.63-160-160-160z" fill="#333333" p-id="1774"></path></svg>
        </NuxtLink>
        <NuxtLink v-else to="/users/setting" class="text-gray-600 hover:text-blue-500">
            <svg t="1682316771905" class="icon m-auto" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1772" width="24" height="24"><path d="M512 128c25.39 0 50.53 2.49 74.98 7.41l21.26 79.01 7.44 27.64 25.56 12.88c10.89 5.49 20.28 10.86 28.72 16.41l23.96 15.77 27.72-7.4 78.75-21.01c33.38 37.85 59.06 82.22 75.24 130.03l-57.9 57.9-20.28 20.28 1.64 28.63 0.41 6.37c0.23 3.34 0.5 6.68 0.5 10.08s-0.28 6.74-0.5 10.08l-0.41 6.37-1.64 28.63 20.28 20.28 57.9 57.9c-16.18 47.8-41.86 92.18-75.24 130.03l-78.75-21.01-27.72-7.4-23.96 15.77c-8.44 5.55-17.84 10.92-28.72 16.4l-25.57 12.88-7.44 27.64-21.25 79.01C562.53 893.51 537.39 896 512 896s-50.53-2.49-74.98-7.41l-21.25-79-7.44-27.65-25.57-12.88c-10.88-5.48-20.28-10.85-28.72-16.4l-23.96-15.77-27.72 7.4-78.75 21.01c-33.38-37.84-59.06-82.22-75.24-130.03l57.9-57.9 20.28-20.28-1.64-28.63-0.41-6.37c-0.23-3.34-0.5-6.68-0.5-10.08s0.28-6.74 0.5-10.08l0.41-6.37 1.64-28.63-20.28-20.28-57.9-57.9c16.18-47.81 41.86-92.19 75.24-130.03l78.75 21.01 27.72 7.4 23.96-15.77c8.44-5.55 17.83-10.92 28.72-16.41l25.56-12.88 7.44-27.64 21.26-79.01c24.45-4.93 49.59-7.42 74.98-7.42m0-64c-37.69 0-74.21 4.66-109.17 13.59-11.13 2.84-19.71 11.82-22.69 22.91l-26.18 97.29c-12.09 6.09-23.86 12.7-35.1 20.1l-97.13-25.92c-2.8-0.75-5.67-1.12-8.51-1.12-8.38 0-16.6 3.2-22.57 9.32-50.8 52.09-88.97 116.89-109.46 189.17-3.14 11.06 0.31 23.04 8.44 31.17l71.39 71.39c-0.38 6.69-1.02 13.32-1.02 20.1s0.63 13.41 1.02 20.1l-71.39 71.39c-8.13 8.13-11.58 20.11-8.44 31.17a444.755 444.755 0 0 0 109.46 189.17c5.97 6.12 14.18 9.32 22.57 9.32 2.84 0 5.71-0.37 8.51-1.12l97.13-25.92c11.24 7.4 23.01 14 35.1 20.1l26.17 97.29c2.98 11.09 11.56 20.07 22.69 22.91C437.79 955.34 474.31 960 512 960s74.21-4.66 109.17-13.59c11.13-2.84 19.71-11.82 22.69-22.91l26.17-97.29c12.09-6.09 23.86-12.7 35.1-20.1l97.13 25.92c2.8 0.75 5.67 1.12 8.51 1.12 8.38 0 16.6-3.2 22.57-9.32A444.755 444.755 0 0 0 942.8 634.66c3.13-11.06-0.32-23.04-8.45-31.17l-71.39-71.39c0.38-6.69 1.02-13.32 1.02-20.1s-0.63-13.41-1.02-20.1l71.39-71.39c8.13-8.13 11.58-20.11 8.44-31.17a444.755 444.755 0 0 0-109.46-189.17c-5.97-6.12-14.18-9.32-22.57-9.32-2.85 0-5.71 0.37-8.51 1.12l-97.13 25.92c-11.24-7.4-23.01-14-35.1-20.1l-26.18-97.3c-2.98-11.09-11.56-20.07-22.69-22.91C586.21 68.66 549.69 64 512 64z" fill="#333333" p-id="1773"></path><path d="M512 416c52.94 0 96 43.07 96 96s-43.06 96-96 96-96-43.07-96-96 43.06-96 96-96m0-64c-88.37 0-160 71.63-160 160s71.63 160 160 160 160-71.63 160-160-71.63-160-160-160z" fill="#333333" p-id="1774"></path></svg>
        </NuxtLink>
    </div>
    <Login :login_dialog="login_dialog"  @handleCancel="handleCancel"/>

</template>

<script setup lang="ts">
import {ref} from "vue";


const token = useCookie('token')
const login_dialog = ref(false)
const login_dialog_click = () => {
    login_dialog.value = true
}

const handleCancel = () => {
    login_dialog.value = false
}
</script>

<style scoped>

</style>
